<template>
	<view class="uiwu">
		<view class="title">{{item.title}}</view>
		<view class="content" v-html="item.content"></view>
	</view>
</template>

<script setup lang="ts">
	import { onLoad } from '@dcloudio/uni-app';
	import { ref } from 'vue';
	import { probleminfo } from '@/api/api';
	import { uiwu } from '@/config/config';
	const item = ref({})
	const getprobleminfo = async (id:string) => {
		const { data } = await probleminfo(id);
		data.content = uiwu.richtext(data.content)
		item.value = data
	}
	onLoad(({id})=>{
		getprobleminfo(id)
	})
</script>

<style lang="scss">
	.uiwu{
		padding: 0 32rpx;
	}
	.title{
		font-size: 32rpx;
		font-weight: bold;
		color: #231815;
		padding: 42rpx 0 20rpx;
	}
	.content{
		font-size: 28rpx;
		font-weight: 500;
		color: #444444;
	}
</style>
